<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.head{
		height: 20px;
		background-color: red;

	}
	.banner{
		height: 30px;
		background-color: blue;

	}
	.main{
		height: 500px;
		background-color: pink;

	}


	.left{
		width: 50%;
		height: 480px;
		background-color: yellow;
		float: left;

	}
	.right{
		width: 50%;
		height: 480px;
		background-color: black;
		float: right;

	}
	.foot{
		height: 10px;
		background: red;

	}
	</style>
</head>
<body>
	<div>
		<div class="head">头部</div>
		<div class = "banner">广告通栏</div>
		<div class = "main">
			<div class="side right">左边栏</div>
			<div class="side left">右边栏</div>
		</div>
		<div class = "foot">底部</div>
	</div>
</body>
</html>